import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import './index.scss';
import 'antd-mobile/dist/antd-mobile.css';
import {HashRouter, Route} from 'react-router-dom';
import Home from '../src/home';
import FontSize from './fontSize';
import Histogram from '../src/histogram';
import Pie from '../src/pie';
import Trend from '../src/trend';
import Daka from '../src/daka';
import autoDaka from '../src/autoDaka';
import Swiper from '../src/swiper';
import AutoDaka from '../src/autoDaka';
import Test from '../src/test';

class Index extends Component {
  render() {
    return (
      <HashRouter>
        <div>
          <Route exact path="/" component={Home}/>
          <Route path="/fontSize" component={FontSize}/>
          <Route path="/histogram" component={Histogram}/>
          <Route path="/pie" component={Pie}/>
          <Route path="/trend" component={Trend}/>
          <Route path="/daka/:id" component={Daka}/>
          <Route path="/autoDaka" component={autoDaka}/>
          <Route path="/swiper" component={Swiper}/>
          <Route path="/autoDaka" component={AutoDaka}/>
          <Route path="/test" component={Test}/>
        </div>
      </HashRouter>
    );
  };
}


ReactDOM.render(<Index/>, document.getElementById('root'));

